$font-stack: 'Open Sans', sans-serif;
$main-padding: 8px
$main-radius: 6px
html, body
    margin: 0
    padding: 0
    font: 12pt $font-stack

ul
    background: #60e
    margin: 0
    padding: 0
    list-style-type: none
    overflow: hidden
    li
        float: left
        a
            color: #eaeaea
            text-decoration: none
            display: block
            padding: 14px 16px
            font: 14pt $font-stack
            transition: color 200ms
            &:hover
                color: #fff
.head
    color: #fff
    background: linear-gradient(#60e, #92f)
    text-align: center
    padding: 3em
.numbox_wrapper
    display: inline-block
button
    font: 12pt $font-stack
    color: #ffffff
    background: transparent
    cursor: pointer
    border: 1.5px solid #ffffff
    outline: none
    margin: 12px -3px
    padding: $main-padding
    transition: background 200ms, color 200ms
    &:first-child
        border-radius: $main-radius 0px 0px $main-radius
    &:last-child
        border-radius: 0px $main-radius $main-radius 0px
    &:only-child
        border-radius: $main-radius
    &:hover
        background: #ffffff
        color: #000000
input[type=text]
    padding: $main-padding
    border: none
    border-radius: $main-radius
    text-align: center
input[type=number]
    text-align: center
    &::-webkit-inner-spin-button, &::-webkit-outer-spin-button
        -webkit-appearance: none
        margin: 0
.slider_wrapper
    width: 100%
input[type=range]
    appearance: none
    -webkit-appearance: none
    -moz-appearance: none
    background: #eeeeee
    outline: none
    width: 60%
    height: 10px
    border-radius: 5px
    &::-webkit-slider-thumb
        background: #33aaff
        -webkit-appearance: none
        width: 20px
        height: 20px
        border-radius: 20px
        cursor: pointer
    &::-moz-range-thumb
        background: #33aaff
        -moz-appearance: none
        width: 20px
        height: 20px
        border-radius: 20px
        cursor: pointer